<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
     .top{
         width: 800px;
         height: 1000px;
         background-color: blue;
         margin: 0 auto;
     }
        .top1{
            width: 800px;
            height: 200px;
            background-color: chocolate;
        }
        .top2{
          ;
            height: 600px;
            background-color: yellow;
        }
        .left{
            width: 400px;
            height: 600px;
            background-color:red;
        }

          .top3{
              width: 800px;
              height: 200px;
              background-color: chocolate;
          }
    </style>
</head>
<body>
<div class="top">
    <div class="top1"></div>
    <div class="top2">
        <div class="left"></div>
    </div>
    <div class="top3"></div>
</div>

.</body>
</html>